<template>
    <div class="main-page">
        <div class="main-page-top">
            <page-head-login></page-head-login>
        </div>
        <div class="main-page-bottom">
            <page-main-8 v-if="showPageNum===8"></page-main-8>
        </div>
    </div>
</template>

<script type="text/ecmascript-6">
import pageHeadLogin from '../page_head/page_head_login.vue'
import pageMain8 from '../page_main/page_main_8_business.vue'
export default {
    data: function () {
        return {
        }
    },
    methods: {
    },
    created () {
    },
    components: {
        pageHeadLogin,
        pageMain8
    },
    watch: {
    },
    computed: {
        showPageNum () {
            return this.$store.state.showPageNum
        }
    }
}
</script>

<style lang="stylus" rel="stylesheet/stylus">
.main-page
    position: absolute
    width: 100%
    height: 100%

    .main-page-top
        position: absolute
        top: 0
        left: 0
        height: 64px
        width: 100%

    .main-page-bottom
        position: absolute
        top: 64px
        left: 0
        bottom: 0
        width: 100%
        overflow-y: hidden
        overflow-x: hidden
</style>
